
<html>
<head>
<script type="text/javascript" src="../../scripts/mootools-1.2.4-core-yc.js"></script>
<script type="text/javascript" src="../../scripts/mootools-1.2.4-more-yc.js"></script>
<script type="text/javascript" src="../../scripts/mocha.js"></script>
<script type="text/javascript" src="scripts/parametrics.js"></script>
<script type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="radiusSlider" class="slider">
	<div id="radiusUpdate" class="update">Corner Radius: <span id="radiusUpdatevalue" class="updatevalue">0</span></div>
	<div class="sliderWrapper">
		<div id="radiusSliderknob" class="sliderknob"></div>
		<div id="radiusSliderarea" class="sliderarea"></div>
	</div>
	<div class="clear"></div>
</div>

<div id="shadowSlider" class="slider" style="margin-bottom: 0px;">
	<div id="shadowUpdate" class="update">Shadow Blur: <span id="shadowUpdatevalue" class="updatevalue">0</span></div>
	<div class="sliderWrapper">
		<div id="shadowSliderknob" class="sliderknob"></div>
		<div id="shadowSliderarea" class="sliderarea"></div>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>
